import { lazy } from "react";
import { 
  AppOutline,
  AppstoreOutline,
  MessageOutline,
  UserContactOutline
 } from 'antd-mobile-icons'

let Sy = lazy(()=>import('../pages/sy')) 
let Fl = lazy(()=>import('../pages/sy')) 
let Xx = lazy(()=>import('../pages/xx')) 
let My = lazy(()=>import('../pages/my')) 
let Zy = lazy(()=>import('../pages/zy'))
let Xq = lazy(()=>import('../pages/xq'))

export let homeRouters=[
  {
    path:'/',
    element:<Sy></Sy>,
    title:'首页',
    icon:<AppOutline />
  },
  {
    path:'/fl',
    element:<Fl></Fl>,
    title:'分类',
    icon:<AppstoreOutline />
  },
  {
    path:'/xx',
    element:<Xx></Xx>,
    title:'消息',
    icon:<MessageOutline />
  },
  {
    path:'/my',
    element:<My></My>,
    title:'我的',
    icon:<UserContactOutline />
  },
]

export let router = [
  {
    path:"/",
    element:<Zy></Zy>,
    children:homeRouters
  },
  {
    path:"/xq/:id",
    element:<Xq></Xq>
  }
]